html[data-theme='orange'] {
  /* text */
  --text-primary: #00240e;
  --text-secondary: #291b00;
  --text-tertiary: #1f0909;
  --text-grey: rgb(80, 80, 80);
  --text-01: #241c00;
  --text-02: #553e00;
  --text-03: #7a5d00;
  /* link */
  --text-link: #003a8a;
  --text-link-hover: #0055aa;
  --text-visited: #551a8b;
  /* bgc */
  --background-primary: #ebe8e3;
  --background-secondary: #f1e7d8;
  --background-tertiary: #d2e1e2;
  --bgc-01: #E3D6A9;
  --bgc-02: #f2eede;
  --bgc-03: #f5f1e7;
  --bgc-04: #f1eadb;
  --btn-bgc: #ece5cf;
  --btn-hover: #e8d8c6;
  --btn-active: #e4ccaf;
  /* border */
  --border-primary: #c6bba1;
  --border-secondary: #9e917e;
  /* icon */
  --icon-bgc: #976a2b;
  --icon-hover-bgc: #d2c9b2;
  --icon-ctn-hover-bgc: #d2c9b2;
  /* code */
  --bgc-pre: #2c2d2e;
  --bgc-code: #ebe7dd;
  --text-code: #EBDBA4;
  /* menu bar */
  --site-menu-bgc: #e8e3cf;
  --side-menu-item-tc: rgb(84, 80, 72);
  --side-item-hover-bgc: rgb(228, 233, 196);
  --side-item-hover-tc: rgb(72, 81, 84);
  --side-item-active-bgc: rgb(233, 246, 210);
  --side-item-active-tc: rgb(67, 51, 0);

  --title-tc-01: #472c01;
  --subtitle-tc-01: #423600;

  --view-bgc-01: #ebe8d6;
  --view-bgc-02: #eee9dd;
  --view-bgc-03: #79683a8d;

  --shadow-01: #3b2e0181;
  --shadow-02: #674b26ab;
  --shadow-03: #453b2888;

  --bg-img-01: url('/static/svg/banner-04.svg');
  --bg-img-02: url('/static/svg/site-bg.svg');

  --linear-01: linear-gradient(270deg, #ac9d84 0%, #dedcbf 50%, #ac9d84 100%);
  --linear-02: linear-gradient(90deg, #ebe2d5 0.00%, #E3D6A9 20.00%, #ebe5d5 100.00%);
  --linear-03: linear-gradient(132deg, #ebe7d5 0.00%, #E3D6A9 100.00%);

  --banner-linear: linear-gradient(90deg, #9a9274 1%, #ada178 1% 6%, #c4c294 6% 11%,
      #dfe0cb 11% 89%, #c4c294 89% 94%, #ada178 94% 99%, #9a9274 99%);

  /* -------- */
  --site-banner-bgc: rgb(196, 222, 175);
  --site-banner-linear: linear-gradient(170deg, #69a26be9 10%, #eff3eed4 100%);
  --site-banner-border: rgb(175, 204, 168);
  --site-banner-emboss-l: rgb(222, 216, 199);
  --site-banner-emboss-r: rgb(88, 113, 125);
  --site-header-bgc: rgb(224, 231, 210);
  --site-header-shadow: rgba(51, 103, 38, 0.67);
  /* body */
  --site-body-bgc: rgb(234, 235, 227);
  --site-body-img: url('/static/svg/site-bg.svg');
  --site-body-linear: linear-gradient(270deg, rgba(132, 172, 137, 1) 0%, rgb(222, 220, 191) 50%, rgba(132, 172, 137, 1) 100%);
  /* home */
  --site-home-banner: url('/static/svg/home-banner.svg');
  --site-home-shadow: rgba(44, 59, 1, 0.505);
  --site-home-title: rgb(1, 71, 3);
  --site-home-bgc: rgba(232, 235, 214, 0.805);
  --site-home-subtitle: rgb(116, 112, 94);
  --site-home-header-shadow: rgba(69, 59, 40, 0.533);
  --site-home-describe-bgc: rgb(208, 213, 171);
  --site-home-describe-border: var(--border-secondary);
  --site-home-text-color01: rgb(16, 85, 4);
  --site-home-text-color02: rgb(85, 55, 4);
  --site-home-subject-bgc: rgba(204, 224, 191, 0.504);
  /* category */
  --view-category-bgc: #edf1df;
  --view-category-title-bgc: linear-gradient(132deg, #e6d2aa 0.00%, #b5e3e0 100.00%);
  --view-category-bgc-01: #dde9d468;
  /* article */
  --view-article-title-bgc: linear-gradient(132deg, #e0ebd5 0.00%, #25948d 100.00%);
  --view-article-content-bgc: #f0ede6;
  --linear-01: linear-gradient(90deg, #7fb17a 0.00%, #e0ebd5 100.00%);
  --linear-02: linear-gradient(90deg, #ebe3d5 0.00%, #dad68c 100.00%);
  /* code */
  --bgc-pre: #2c2d2e;
  --bgc-code: #ebe7dd;
  --text-code: #EBDBA4;
  /* menu bar */
  --card-left-side-bgc: #e8f4eaf5;
  --side-item-tc: rgb(72, 84, 73);
  --side-hover-item-bgc: rgb(228, 233, 196);
  --side-hover-item-tc: rgb(72, 81, 84);
  --side-active-item-bgc: rgb(233, 246, 210);
  --side-active-item-tc: rgb(72, 84, 73);
  /* toc */
  --card-right-side-bgc: #EDF1DF;
  /* footer */
  --site-footer-bgc: rgba(58, 121, 87, 0.553);

  --comment-linear-01: linear-gradient(130deg, #b6cfa7e9 0%, #d4e4d0d4 50%, #f7f9f181 100%);
  --comment-linear-02: linear-gradient(330deg, #becfa7e9 0%, #d4e4d0d4 20%, #f7f9f181 100%);
  --comment-header-bgc: #e4f0da;
  --comment-title-fc: rgb(1, 58, 71);
  --comment-border-primary: #00661b4f;
  --comment-border-secondary: #00661b;
  --comment-box-bgc: #f3f7e6;
  --comment-box-input-bgc: #f6f7f1;
  --comment-box-linear: linear-gradient(330deg, #e4eadce9 0%, #f3f7e6 20%, #eef9e6 100%);

}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  /* background: var(--scroll-track); */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #a19888;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #968967;
}